<%@
	page pageEncoding="utf-8" session="true" contentType="text/html;charset=utf-8" import="
		java.util.List,java.util.Iterator,java.math.BigDecimal,java.util.Properties,
		java.util.ArrayList,java.util.HashMap,java.util.Map,java.util.StringTokenizer,
		org.json.simple.JSONObject,org.json.simple.JSONArray,com.innoace.mo.sql.*,
		com.innoace.mwp.MwpObject,com.innoace.mwp.MwpArray,com.innoace.mwp.MwpContext,
		com.innoace.mo.MoAction,com.innoace.mo.MoException,com.innoace.mo.MoFormat,
		org.apache.log4j.Logger,java.io.PrintWriter,
		com.innoace.mwp.*,java.util.*,java.text.*,org.apache.http.*,java.sql.*,org.json.simple.parser.*,com.innoace.mwp.MwpPlatform,com.innoace.mo.iss.*, com.innoace.mo.sql.vote.*
	"
%><%!
	Object cfg = null;// RESERVED
	public Logger log = Logger.getLogger("emp.jsp");
	Object app = null;
	
	public String insert(MwpContext ctx, HashMap<String, String> hmParam){
		String rtnMsg = "";
	
		try{			
			String sVoteSeq = hmParam.get("voteSeq");
			String sContentSeq = hmParam.get("selectedItem");
			String sMdn = hmParam.get("swbeonho");
			
			String canVote = "N";
			String sApplyRate = "0";
			String sStartDate = "";
			String sEndDate = "";
			
			//투표 진행 중 확인			
			String voteInfo[] = canVote(ctx, hmParam);
			if(voteInfo != null && voteInfo.length >= 4){
				canVote = voteInfo[0];
				sApplyRate = voteInfo[1];
				sStartDate = voteInfo[2];
				sEndDate = voteInfo[3];
				
			}else{
				canVote = "N";
				sApplyRate = "0";				
			}
			
			System.out.println("canVote : " +canVote );
			
			java.sql.Connection con = ctx.con;
			
			if(canVote != null && canVote.equals("Y")){
			
				StringTokenizer st = new StringTokenizer(sContentSeq, ";");
				while(st.hasMoreElements()){
					Vote vote = new Vote();
					vote.voteSeq = sVoteSeq;
					vote.mdn = sMdn;
					vote.applyRate = sApplyRate;										
					vote.contentSeq = (String)st.nextElement();
									
					System.out.println("insertData[vote.voteSeq] : " +vote.voteSeq );				
					System.out.println("insertData[vote.mdn] : " +vote.mdn );				
					System.out.println("insertData[vote.applyRate] : " +vote.applyRate );				
					System.out.println("insertData[vote.contentSeq] : " +vote.contentSeq );				
									
					ctx.mapper(VoteMapperOracle.class).insert(vote);
					
					rtnMsg = "투표가 완료되었습니다.";
				}				
			}else{
				if(canVote.equals("E")){
					//투표했음
					rtnMsg = "이미 투표하셨습니다.";													
				}else{
					//투표종료
					rtnMsg = "투표 가능 시간이 아닙니다.\\n"+sStartDate+" 부터 가능합니다.";
					//rtnMsg = "투표가 종료되었습니다.";
				}				
			}
					
			System.out.println("rtnMsg : " +rtnMsg );					
					
			con.commit();
			con.close();
			
		}catch(Exception e){
			e.printStackTrace();
		}finally{
			return rtnMsg;		
		}
	}
	
	public String[] canVote(MwpContext ctx, HashMap<String, String> hmParam){
		String canVote = "";
		String applyRate = "0";
		String startDate = "";
		String endDate = "";
		String sVoteInfo[] = {"","0", "", ""};
		try{			
			String sVoteSeq = hmParam.get("voteSeq");
			String sSwbeonho = hmParam.get("swbeonho");	

			java.sql.Connection con = ctx.con;						

			Vote vote = new Vote();
			vote.voteSeq = sVoteSeq;
			vote.mdn = sSwbeonho;			

			List<Vote> list = ctx.mapper(VoteMapperOracle.class).canVote(vote);

			if(list != null && list.size() > 0){
				canVote = list.get(0).voteYn;
				applyRate = list.get(0).applyRate;
				startDate = list.get(0).startDate;
				endDate = list.get(0).endDate;
			}else{
				canVote = "N";
				applyRate = "30";
			}

			System.out.println("canVote[canVote] : " +canVote);			
			System.out.println("canVote[applyRate] : " +applyRate);			
			System.out.println("canVote[startDate] : " +startDate);			
			System.out.println("canVote[endDate] : " +endDate);			

			sVoteInfo[0] = canVote;
			sVoteInfo[1] = applyRate;
			sVoteInfo[2] = startDate;
			sVoteInfo[3] = endDate;
					
			con.commit();
			con.close();
			
		}catch(Exception e){
			e.printStackTrace();
		}finally{
			return sVoteInfo;		
		}
	}	
	
%>




<%
		MwpContext ctx = MwpContext.getContext();		
		com.innoace.mo.MoFormat fmt = com.innoace.mo.MoFormat.getFormat();
		try{
		
			ctx.init(request, response, out);
			
			String loginCheck = (String)session.getAttribute("loginCheck");
			String swbeonho = (String)session.getAttribute("swbeonho");
			String canVote = (String)session.getAttribute("canVote");
			
			String sStartDate = "";
			String sEndDate = "";
			String sUserId = request.getParameter("userId") == null ? "" : request.getParameter("userId");
			String sVoteYn = request.getParameter("hiddenVoteYn") == null ? "N" : request.getParameter("hiddenVoteYn");
			String sApplyRate = request.getParameter("hiddenApplyRate") == null ? "0" : request.getParameter("hiddenApplyRate");
			String sWorkGubun = request.getParameter("hiddenWorkGubun") == null ? "open" : request.getParameter("hiddenWorkGubun");							
			String sVoteSeq = request.getParameter("key") == null ? "99999" : request.getParameter("key");							
			String sSelectedItem = request.getParameter("hiddenSelectedItem") == null ? "" : request.getParameter("hiddenSelectedItem");	
			
			if(swbeonho == null || swbeonho.equals("")){
				if(!sUserId.equals("")){
					swbeonho = sUserId;
					loginCheck = "true";
				}
			}
			
			HashMap<String, String> hmParam = new HashMap<String, String>(); 			

			String resultRtn = "";
			String voteInfo[] = null;

			hmParam.put("voteSeq", sVoteSeq);
			hmParam.put("swbeonho", swbeonho);

			if("insert".equals(sWorkGubun)) {
			
				hmParam.put("selectedItem", sSelectedItem);
				hmParam.put("applyRate", "30");
	
				resultRtn = insert(ctx, hmParam);
				
				if(resultRtn.equals("투표가 완료되었습니다.")){
					session.setAttribute("canVote", "false");
				}
				
			}else if("open".equals(sWorkGubun)){
				voteInfo = canVote(ctx, hmParam);
				if(voteInfo != null && voteInfo.length >= 4){
					sVoteYn = voteInfo[0];
					sApplyRate = voteInfo[1];				
					sStartDate = voteInfo[2];				
					sEndDate = voteInfo[3];				
				}else{
					sVoteYn = "";
					sApplyRate = "0";		
					sStartDate = "";					
					sEndDate = "";					
				}

			}
%>

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes" />	
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<script src="http://m.ex.co.kr:8090/vote/js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" href="http://m.ex.co.kr:8090/vote/js/jquery.mobile-1.2.0.css" />
<script src="http://m.ex.co.kr:8090/vote/js/jquery.mobile-1.2.0.user.js"></script>
<link rel="stylesheet" href="http://m.ex.co.kr:8090/vote/images/jquery.alerts.css" />
<script src="http://m.ex.co.kr:8090/vote/js/jquery.alerts.js"></script>
<link href="./images/style.css" rel="Stylesheet" />
<script langugage=javascript>
	function closeDialog(){
		$.mobile.activePage.dialog("close");
	}	

	var selectedItem = "";
	var iscroll;

	//폼요소에 포커스되지 않는 이슈 해결
	function loaded(){	
			
		if("<%=loginCheck%>" != "true"){
//			Alert("경고! 부적절한 접근", "확인");
			alert("경고! 부적절한 접근");
			document.location.replace("http://m.ex.co.kr:8090/vote/index.jsp");
			return;
		}
/*			
		iscroll = new iScroll("wrapper", {
			useTransform:false,
			onBeforeScrollStart: function (e) {
				var target = e.target;
				while (target.nodeType != 1) target = target.parentNode;
				
				if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA') e.preventDefault();
			}
		})
*/		
		
	}
	
	function fn_open() {
		<%
		if("insert".equals(sWorkGubun)) {
		%>		
			if("0" == "<%=resultRtn%>") {
				jAlert("투표에 실패하였습니다.", "확인");
//				alert("투표에 실패하였습니다.");				
			} else {
				jAlert("<%=resultRtn%>", "확인");
//				alert("<%=resultRtn%>");
				frm.hiddenWorkGubun.value = "open";
				window.location.reload();
			}
		<%
		}
		%>		
	}	
	
	function doVote() {
		var selectedCnt = 0;
		selectedItem = "";
		for(var i=1; i<9; i++){
			if($('#checkElement'+i).prop("checked")){
				selectedCnt++;
				selectedItem += i + ";";
			}
		}
	
		if(selectedCnt < 1){
			jAlert("항목을 선택하여 주십시오.\n최대 2개까지 선택 가능합니다.", "확인");
			return;		
		}	
		
		if(selectedCnt > 2){
			jAlert("최대 2개까지 선택 가능합니다.", "확인");
			return;		
		}else{			
			jConfirm("투표 하시겠습니까?", "투표 확인", true);
		}
	}
	
	function callBackVoteConfirm(){	
		var userId = "<%=swbeonho%>";	
	
		frm.hiddenSelectedItem.value = selectedItem;	
		frm.hiddenWorkGubun.value = "insert";
		frm.action = "voteelementlist_param.jsp?key=4&userId="+userId;
		frm.submit();						
	}
	
	function canVote(){
		//alert("투표가 종료되었습니다.");
		//return;
		
	
		var plainId = "<%=swbeonho%>";	
		
		$.ajax({
			type:"POST",
			url:"./vote_action.jsp",
			cache:false,
			data:"id="+plainId,
			success:onSuccess,
			error:onError
		});
		
		return false;		
		
		//return;
		//vote_detailfortablet.jsp
		
	}
	
	function onSuccess(data, status){
		if($.trim(data) == "success"){
			$.mobile.changePage('vote_detail.jsp', {transition: 'pop', role: 'dialog'});
		}else{
			//jAlert("투표가 종료되었습니다.", "확인");
			jAlert(data, "확인");
//			alert(data);
		}
	}
	
	function onError(data, status){
		jAlert("서버 요청 중 오류가 발생하였습니다."+data, "확인");
//		alert("서버 요청 중 오류가 발생하였습니다."+data);
	}			
</script>
<style type="text/css"> 

body{
-webkit-text-size-adjust:none}

input[type="checkbox"] {
    background-color: #ddd;
    border-radius: 25px;
    box-shadow: inset 0 1px 1px hsla(0,0%,100%,.8),
                0 0 0 1px hsla(0,0%,0%,.6),
                0 1px 1px hsla(0,0%,0%,.6),
                0 1px 1px hsla(0,0%,0%,.4),
                0 1px 1px hsla(0,0%,0%,.2),
                0 1px 1px hsla(0,0%,0%,.2);
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    width: 20px;
    -webkit-appearance: none;
    valign: top;    
}
input[type="checkbox"]:after {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                0 1px 1px hsla(0,0%,100%,.8);
    content: '';
    display: block;
    height: 16px;
    left: 2px;
    position: relative;
    top: 2px;
    width: 16px;
}
input[type="checkbox"]:checked:after {
    background-color: #0f0;
    box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                inset 0 2px 2px hsla(0,0%,100%,.4),
                0 1px 1px hsla(0,0%,100%,.8),
                0 0 2px 2px hsla(0,70%,70%,.4);
}
	
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="fn_open();">
<form name="frm" method="post">
	<input type="hidden" name="hiddenWorkGubun" value="open"/>
	<input type="hidden" name="hiddenSelectedItem"/>
	<input type="hidden" name="hiddenApplyRate"/>
	<input type="hidden" name="hiddenVoteYn"/>	
</form>
<div id="page">
<%
if(sVoteYn != null && sVoteYn.equals("E")){
%>
<table width="100%" border="0" cellpadding="0" cellspacing="10">
	<tr width="100%">
		<td align="center">
			<img src="./images/complete.png" border="0" alt="">
		</td>
	</tr>
</table>
<%
}else{
%>

<div>    
        	<table width="100%" border="1" cellpadding="0" cellspacing="0" style="backgroud-color:#4b87c2">     		
                <tr>
                	<td>
<div id="header">	                 		
                		<table width="100%" border="0" cellpadding="5px" cellspacing="11px" bgcolor="#4b87c2">
                			<tr>
														<td style="font-family:Gulim; font-size:1.3em; color:#ffffff;" align="center">
															<strong>경영대상 우수사례 소개</strong>
														</td>
													</tr>
            			</table>
</div>            			
<div id="wrapper">
<div id="scroller">
<table border="0" cellpadding="0" cellspacing="0">
<tr style="height:0px">
	<td>
	</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="10" background="./images/backgroundall.png">
  <tr>
    <td>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="2">

					<!-- 투표항목1 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>①하이패스 미납통행료! 「빅데이터를 만나다」(영업처)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="2px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content1.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
빅데이터 분석을 통해 상습미납을 잡았습니다.<br>
- 미납통행료 납부방법 다양화 → 모바일, 편의점, 휴게소 수납 가능<br>
- 상습미납차량의 빅데이터 분석을 통해 도주경로 예측 시스템 구축
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>

<table>
	<tr style="height:5px">
		<td>
		</td>
	</tr>
</table>

					<!-- 투표항목2 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>②도로의 주름을 펴다. 포장 리모델링으로 안전하고 쾌적하게!! (도로처)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="2px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content2.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
포장보수의 고객불편, 내구성 문제, 패러다임 전환으로 한방에 해결했습니다. <br>
- 노후포장 개선시 장구간(장시간) 보수 → 기존 단구간(단시간) 포장의 문제점 해소<br>
- 예상되는 장기간 통행제한의 문제점을 기관간 주도적 협업을 통해 극복
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>
				
<table>
	<tr style="height:5px">
		<td>
		</td>
	</tr>
</table>				
						
					<!-- 투표항목3 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>③500년 느티나무 할아버지에게 길을 묻다 (경남본부)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="2px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content3.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
스토리텔링 형식의 감성공간 조성으로 테마휴게소의 새 모델을 만들었습니다.<br>
- 매출부진을 겪던 현풍휴게소에 ‘느티나무’ 감성 스토리 개발로 활로 개척<br>
- 고객매출액(26%), 임대수익(85%)이 증가하였고, 고객 체류시간 또한 향상(10분↑)
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>
						
<table>
	<tr style="height:5px">
		<td>
		</td>
	</tr>
</table>				
						
					<!-- 투표항목4 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>④교통데이터 하루 2억건!! 과감한 개방과 활용이 답이다 (교통처)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="2px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content4.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
창조경제 실현을 위한 한발 앞선 공공데이터 개방, 교통산업 아고라 구축<br>
- 산학민관연이 참여하는 교통정보 플랫폼 포럼 창립, 데이터 공모전 개최<br>
- 교통통합 DB구축 →교통데이터 개방 6종 80건으로 확대 
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>		
						
<table>
	<tr style="height:5px">
		<td>
		</td>
	</tr>
</table>				
						
					<!-- 투표항목5 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>⑤회색고속도로의 변신! 청정 녹색에너지 생산 (도로사업처)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="2px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content5.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
유휴부지를 활용하여, 태양광 발전사업을 추진하였습니다.<br>
- 폐도 등을 활용, 11개소(9.4MW) 운영개시 및 23개소(17.2MW)로 확대예정<br>
- 춘천시 규모의 상시 전력 제공, 이산화탄소 연 11만 3천톤 저감
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>
						
<table>
	<tr style="height:5px">
		<td>
		</td>
	</tr>
</table>				
						
					<!-- 투표항목6 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>⑥자연에 순응하는 통풍형 신개념 표지판 (부안지사)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="2px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content6.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
바람이 관통하는 신개념 표지판으로 강풍과 결로현상까지 모두 잡았습니다.<br>
- 바람에 견디는 다공성의 표지판을 제작, 예상풍속 이상의 강풍에 대비<br>
- 지적 재산권 업무추진 완료, 표지판 결로현상의 고질적 문제까지 해결
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>
						
<table>
	<tr style="height:5px">
		<td>
		</td>
	</tr>
</table>				
						
					<!-- 투표항목7 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>⑦도로와 IT의 만남, The Creative New Value (해외사업처)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="2px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content7.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
도공 최초로 해외(페루)도로 IT융합시장에 진출했습니다.<br>
- 도로&첨단IT 융합사업을 위한 공사내 14개부서 및 민간기업과 협업구축<br>
- 페루 영업체계(TCS) 마스터플랜 사업 체결(2013.7), 페루전영업소 확대 협의
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>
							
<table>
	<tr style="height:5px">
		<td>
		</td>
	</tr>
</table>				
						
					<!-- 투표항목8 -->
						<table width="100%" cellspacing="1" bgcolor="#479fc4">
							<tr>
								<td>
						<table width="100%" border="0" cellpadding="5" cellspacing="0">
							<tr height="30px">
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" style="font-family:Gulim; font-size:1.1em; color:#000000;" colspan="3">
									<strong>⑧교통사고 사망자 감소! 우연을 필연으로 바꾼 도공형 맞춤대책 (교통처)</strong>
								</td>
								<td bgcolor="#FFFFFF" width="20px" align="right" style="font-size:14px;">
									
								</td>																
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" >
								</td>		
								<td backgroung="./images/divide.png" colspan="4">
								</td>
								<td bgcolor="#FFFFFF">
								</td>								
							</tr>
							<tr style="height:2px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>		
							</tr>							
							<tr>
								<td bgcolor="#FFFFFF" >
									&nbsp;
								</td>		
								<td bgcolor="#FFFFFF" width="75px;">
									<img src="./images/content/content8.jpg" border="1" alt="" width="90px" height="60px">
								</td>					
								<td bgcolor="#FFFFFF" width="2px;">
									&nbsp;
								</td>																													
								<td bgcolor="#FFFFFF" align="left" style="font-family:Gulim; font-size:0.95em; color:#000000;" colspan="2">
전년대비 교통사고 31%감소(기타 도로감소율 5.8%), 우리의 노력이 필연을 만들었습니다.<br>
- 법‧제도, 안전시설, 의식개선, 3방향에서 체계적인 교통사고 해결책 제시<br>
- 중증외상환자 구조체계 개선, 안전띠 미착용 자동인식 시스템 구축 등
								</td>
								<td bgcolor="#FFFFFF">
									&nbsp;
								</td>								
							</tr>
							<tr height="4px">
								<td bgcolor="#FFFFFF" colspan="6">
								</td>
							</tr>
						</table>
								</td>
							</tr>
						</table>							
							
					</td>
				</tr>
			</table>      
    </td>
  </tr>
</table>
</div>
</div>
</div>
</div>

<script type="text/javascript" src="./js/iscroll/iscroll.js"></script>
<div id="footer">
	<div class="content1">
		<a data-role="button" id="voteDialog" href="javascript:canVote();" data-inline="true">투표하기</a>			
	</div>
</div> 


<%
}
%>


</body>
</html>

<script language="javascript">	
$(document).on('pageinit', function () {
  setTimeout(loaded, 500);
});
</script>


<%
		}finally{
			ctx.destroy();
		}				

%>